@import "../../../ng-tools/ng-tools-styles";

.login-page {
  position: absolute;
  width: 100%;
  height: 100%;
  min-width: pxToRem(1366px);
  background: url("../../../../src/assets/background.svg") no-repeat;
  background-size: 100%;
  .banner {
    width: 100%;
    height: pxToRem(250px);
    background-image: inherit;
    position: relative;
    display: block;
    user-select: none;
    .broad {
      img {
        height: pxToRem(50px);
      }
    }
    .system-name {
      margin-top: pxToRem(140px);
      display: block;
      text-align: center;
      img {
        height: pxToRem(40px);
        margin-right: pxToRem(20px);
      }
    }
  }
  .login-panel {
    width: 20%;
    margin: 0 auto;
    padding-top: pxToRem(60px);
    position: relative;
    .alert {
      position: absolute;
      top: pxToRem(10px);
      padding: pxToRem(10px);
      width: 100%;
      max-height: pxToRem(50px);
      overflow: hidden;
      margin-bottom: 0;
      text-align: center;
    }
    .input-group .input-group-text {
      line-height: inherit;
      width: pxToRem(40px);
    }
    .login-form {
      p.invalid {
        color: red;
      }
      .btn {
        width: 100%;
      }
    }
  }
  app-copyright {
    margin-top: pxToRem(80px);
  }
}
